<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="/static/home/css/swiper-4.2.2.min.css">
	<link rel="stylesheet" href="/static/home/css/main.css">
    <script src="/static/home/js/swiper-4.2.2.min.js" ></script>
    <link rel="stylesheet" type="text/css" href="/static/home/css/alert.css">
    <style>
        .swiper-pagination-bullet{width: 40px;height: 40px;background-color: #162C39 !important;opacity: 1;border-radius: 0;margin: 0 !important}
        .swiper-pagination-bullet:nth-child(1){background: url(/static/home/img/111.png)}
        .swiper-pagination-bullet:nth-child(2){background: url(/static/home/img/222.png)}
        .swiper-pagination-bullet:nth-child(3){background: url(/static/home/img/333.png)}
        .swiper-pagination-bullet:nth-child(4){background: url(/static/home/img/444.png)}
        .swiper-pagination-bullet-active{height: 60px;background-color: #B92D2E !important;}
        .swiper-pagination-bullet-active:nth-child(1){background: url(/static/home/img/1111.png)}
        .swiper-pagination-bullet-active:nth-child(2){background: url(/static/home/img/2222.png)}
        .swiper-pagination-bullet-active:nth-child(3){background: url(/static/home/img/3333.png)}
        .swiper-pagination-bullet-active:nth-child(4){background: url(/static/home/img/4444.png)}
    </style>
</head>
  
<body>
    {include file="public/header" /}
    <div class="style-1">
        <div class="style-1-l">
            <div class="imgchange1">
                <div class="index-main-1 swiper-container lbt2">
                    <div class="swiper-wrapper" style="width: 10000px">
                        
                        
                        {volist name = "data_bannerfont1" id = "v"}
                            <div class="swiper-slide" style="float:left"><a class="pc-banner"> <img src="{$v.banner_img}" style="width: 100%"/></a></div>
                         {/volist}
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination xyd2" style="bottom: 0px;left: 0px;width: auto"></div>
                </div>
            </div>
        </div>
        <div class="style-1-r">
            <div class="imgchange2">
                {$data_div_img}
            </div>
        </div>
        <div class="clearfloat"></div>
    </div>
    <div class="style-2">

<!--横屏-->
            {volist name = "data_style_row" id = "v"}
            <div class="style-2-1"  onclick ="fnClickAddfl({$v.id})" >
                <img src="{$v.main_img}" alt="">
                <div class="style-2-1-1">
                    <div class="style-2-1-nr">
                        <div class="style-2-1-nr1">
                            <p>Photo Name</p>
                            <span>{$v.title}</span>
                        </div>
                        <div class="style-2-1-nr2">
                            <p>Photo Description</p>
                            <span>{$v.seo_title}</span>
                        </div>
                        <div class="style-2-1-nr3">
                            <img src="/static/home/img/fdmlogo.png" alt="">
                        </div>
                        <a href="#"  onclick ="fnClickAddfl({$v.id})><div class="style-2-1-nr4">
                                <img class="style-2-1-nr4-img1" src="/static/home/img/anniu1.png" alt="">
                                <img class="style-2-1-nr4-img2" src="/static/home/img/anniu2.png" alt="">
                            </div></a>
                    </div>
                </div>
            </div>
            {/volist}

        </div>
        <div class="style-3">
            <div class="style-3-1">
                {volist name = "data_nav_two" id = "v"}

                <a href="/index.php/star/index/style_id/{$v.id}"><div>{$v.name}</div></a>
                {/volist}




            </div>
            <div class="style-3-2">
                <!--竖图-->
                
                {volist name = "data_style_col" id = "v"}
                 <div class="style-3-2-1"  onclick ="fnClickAddfl({$v.id})" >
                    <div class="style-3-2-1-t">
                        <img src="{$v.main_img}" alt="">
                        <img class="mb" src="/static/home/img/mengban.png" alt="">
                    </div>
                    <div class="style-3-2-1-b">
                        <div class="style-wz-1">
                            <p>{$v.title}</p>
                            <div>
                                <img class="style-wz-img1" src="/static/home/img/1.gif" alt="">
                                <img class="style-wz-img2" src="/static/home/img/more.png" alt="">
                            </div>
                        </div>
                        <div class="style-wz-2">
                            {$v.seo_title}
                        </div>
                        <div class="style-wz-3">
                            <p>{$v.create_time|date='Y-m-d',###}</p>
                            <div>
                                <img class="style-wz-img3" src="/static/home/img/yangjing.png">
                                <img class="style-wz-img4" src="/static/home/img/yangjing1.png"> {$v.click}
                            </div>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
        <div>{$page_col}</div>
      <div class="main-5">
        <img src="/static/home/img/index-banner-5.jpg" alt="">
  
        <div class="biaodan">
            <div class="biaodan-1">
                <a href="#" class="biaodan-1-1">优惠&报价</a>
                <a href="{$data_brand_ps.url}" class="biaodan-1-2">预约档期</a>
                <div class="clearfloat"></div>
            </div>
            <div class="tj1">网络预约进店有礼</div>
        </div>
    </div>
     {include file="public/foot" /}
    <div class="zhanpin">
        <img class="gb" src="/static/home/img/guabi.png" alt="">
    </div>
    <script src="/static/home/js/jquery-1.11.3.js"></script>
    <script src="/static/home/js/alert.js"></script>
    <script src="/static/home/js/main.js"></script>
</body>
  <script>
             function fnClickAddfl(id){

            window.location.href="/index.php/star/details?id="+id;

        }
        </script>